// map.js
// 导入 QQMapWX 实例化对象
import qqmapsdk from '../../../utils/mapLocation';
import Dialog from '@vant/weapp/dialog/dialog';
Page({
  data: {
    latitude: 40.060539,
    longitude: 116.343847,
    id: '',
    appointment: '',
    attachment: [],
    description: '',
    houseInfo: '',
    mobile: '',
    repairItemId: '',
    repairItemName: '',
    status: '',
    markers: [],
    polyline: []
  },

  // 路线规划
  routePlane(from, to) {
    qqmapsdk.direction({
      mode: 'walking', // 'driving'（驾车）、'walking'（步行）、'bicycling'（骑行）
      //from参数不填默认当前地址
      from, // 路线规划的起始位置对应的经纬度：字符串类型：'latitude,longitude' 注意之间的逗号
      to, // 路线规划的终点位置对应的经纬度：字符串类型：'latitude,longitude' 注意之间的逗号
      success: (res) => {
        let coors = res.result.routes[0].polyline // 获取未解压的路线数据
        let pl = [] // 定义空数据用来存储解压后的路线数据
        //坐标解压（下方解压代码属于官方提供的固定写法）
        var kr = 1000000;
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr;
        }
        //将解压后的坐标放入点串数组pl中（下方代码属于官方提供的固定写法）
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({
            latitude: coors[i],
            longitude: coors[i + 1]
          })
        }
        //将解压后得到的路线数据pl作为map组件所需的polyline中对象元素的points的值
        this.setData({
          polyline: [{
            points: pl, // 路线规划数据
            color: '#1777ff', // 路线颜色
            width: 4 // 路线宽度
          }]
        })
      },
      // 调用失败后执行的函数  
      fail: function (error) {
        // console.error(error);
      },
      // 调用成功后执行的函数
      complete: function (res) {
        // console.log(res);
      }
    })
  },

  async getLocation() {
    const {
      latitude,
      longitude
    } = await getApp().getLatAndLong()
    var allMarkers = []
    //通过wx.request发起HTTPS接口请求
    wx.request({
      //地图WebserviceAPI地点搜索接口请求路径及参数（具体使用方法请参考开发文档）
      url: `https://apis.map.qq.com/ws/place/v1/search?boundary=nearby(${latitude},${
      longitude},1000)&keyword=住宅小区&page_size=10&page_index=1&key=EXCBZ-N3YRT-LFWXO-VZFRF-ZSR4Q-KPB67`,
      success: (res) => {
        var result = res.data
        var pois = result.data

        var title = pois[0].title
        var lat = pois[0].location.lat
        var lng = pois[0].location.lng

        const marker = {
          id: 0,
          latitude: lat,
          longitude: lng,
          width: '20',
          height: '32',
          callout: {
            // 点击marker展示title
            content: title
          }
        }
        allMarkers.push(marker)

        // 随机生成工人位置
        const random = Math.floor(Math.random() * 10)
        // 精度差
        const num = 0.0001
        // 添加当前位置
        const workLocation = {
          id: new Date().getTime(),
          latitude: pois[random].location.lat - num,
          // latitude,
          longitude: pois[random].location.lng + num,
          // longitude,
          width: '40',
          height: '40',
          callout: {
            // 点击marker展示title
            content: '工人位置'
          },
          iconPath: "../../../static/images/marker.png"
        }
        allMarkers.push(workLocation)


        this.setData({
          latitude: allMarkers[0].latitude,
          longitude: allMarkers[0].longitude,
          markers: allMarkers
        })

        const from = `${allMarkers[1].latitude},${allMarkers[1].longitude}`
        const to = `${allMarkers[0].latitude},${allMarkers[0].longitude}`
        this.routePlane(from, to);
      }
    })



  },

  goEdit() {
    wx.navigateTo({
      url: `/repair_pkg/pages/form/index?id=${this.data.id}`,
    })
  },

  async onLoad({
    id
  }) {
    const {
      data: {
        appointment,
        attachment,
        description,
        houseInfo,
        mobile,
        repairItemId,
        repairItemName,
        status
      }
    } = await wx.http.get(`/repair/${id}`)
    await this.getLocation()


    this.setData({
      id,
      appointment,
      attachment,
      description,
      houseInfo,
      mobile,
      repairItemId,
      repairItemName,
      status: status + ''
    })




  },
  async cancelWarranty() {
    const flag = await Dialog.confirm({
      message: '是否取消该报修项目?',
    }).catch((err) => {
      // console.dir(err)
      return
    })
    flag && await wx.http.put(`/cancel/repaire/${this.data.id}`) &&
      wx.reLaunch({
        url: '/repair_pkg/pages/list/index',
      })
  }
})